<template>
  <Portlet class="show" title="基本信息">
    <el-form label-position="left" label-width="120px">
      <el-col :span="24">
        <h4>{{fhbOrder.orderNo}}</h4>
      </el-col>
      <el-col :lg="8" :md="12"  :xl="6">
        <el-form-item label="下单方式：">
          <span>{{ fhbOrder.orderWay === 1 ? '抛出竞价' : '定向师傅报价'}}</span>
        </el-form-item>
      </el-col>
      <el-col :lg="8" :md="12"  :xl="6">
        <el-form-item label="业务类型：">
          <span>{{ fhbOrder.business }}</span>
        </el-form-item>
      </el-col>
      <el-col :lg="8" :md="12" :xl="6">
        <el-form-item label="服务类型：">
          <span>{{ fhbOrder.service }}</span>
        </el-form-item>
      </el-col>
      <el-col :lg="8" :md="12"  :xl="6">
        <el-form-item label="客户姓名：">
          <span>{{ fhbOrderConsigneeInfo.consigneName }}</span>
        </el-form-item>
      </el-col>
      <el-col :lg="8" :md="12" :xl="6">
        <el-form-item label="客户电话：">
          <span>{{ fhbOrderConsigneeInfo.consignePhone }}</span>
        </el-form-item>
      </el-col>
      <el-col :lg="8" :md="12" :xl="6">
        <el-form-item label="客户地址：">
          <span>{{fhbOrderConsigneeInfo.consigneProvince}} {{fhbOrderConsigneeInfo.consigneCity}} {{fhbOrderConsigneeInfo.consigneDistrict}} {{fhbOrderConsigneeInfo.consigneAddress}}</span>
        </el-form-item>
      </el-col>
      <el-col :lg="8" :md="12"  :xl="6">
        <el-form-item label="总体积：">
          <span>{{ fhbOrder.totalVolume | decimalNumFilter}} m³</span>
        </el-form-item>
      </el-col>
      <el-col :lg="8" :md="12"  :xl="6">
        <el-form-item label="总包件：">
          <span>{{ fhbOrder.totalPackage}} 件</span>
        </el-form-item>
      </el-col>
      <el-col :lg="8" :md="12" :xl="6">
        <el-form-item label="总重量：">
          <span>{{ fhbOrder.totalWeight | decimalNumFilter}} kg</span>
        </el-form-item>
      </el-col>
      <!--<el-col :lg="8" :md="12" :xl="6">-->
        <!--<el-form-item label="总货值：">-->
          <!--<span>{{ fhbOrder.cargoPrice | decimalNumFilter }}元</span>-->
        <!--</el-form-item>-->
      <!--</el-col>-->
    </el-form>
  </Portlet>
</template>
<script>
import {dotData} from '@/utils'
import {filterDataBaseDictionary, unixTimestampFilter, decimalNumFilter} from '@/filters'
export default {
  name: 'orderBasic',
  components: {
  },
  filters: {
    filterDataBaseDictionary,
    unixTimestampFilter,
    decimalNumFilter
  },
  props: {
    orderDetail: {
      type: Object,
      required: true
    }
  },
  computed: {
    fhbOrder() {
      return dotData(this.orderDetail, 'fhbOrder') || {}
    },
    fhbOrderConsigneeInfo() {
      return dotData(this.orderDetail, 'fhbOrderConsigneeInfo') || {}
    }
  }
}
</script>
